  .aside{
  height: 89vh;
  .title{
    .color{
      display: inline-block;
      background-color: skyblue;
      width: 0.2rem;
      height: 0.5rem;
    }
    span{
      position: relative;
      bottom: 0.1rem;
      margin-left: 0.1rem;
      font-size: 0.4rem;
    }
  }
  .water{
  margin-top: 0.1rem;
  .water_address{
    font-size: 0.4rem;
  }
  .water_now{
    font-size: 0.35rem;
    position: relative;
    left: 0.5rem;
  }
  .water_temperatrue{
    font-size: 0.65rem;
  }
  .water_wind{
    position: relative;
    left: 0.5rem;
    font-size: 0.3rem;
  }
  .water_forecast{
    padding: 0.2rem;
    font-size: 0.3rem;
    display: flex;
    justify-content: space-around;
    div{
      width: 2rem;
      position: relative;
      border-right: 1px ridge rgb(126, 125, 125,0.5);
      text-align: center;
    }
  }
    }
    .base{
      ul{
        display: block;
        line-height: 1.25rem;
        li{
          position: relative;
          margin-top: 0.5rem;
          right: 0.1rem;
          list-style: none;
          .base_name{
            font-size: 0.35rem;
          }
          .base_area{
            position: relative;
            font-size: 0.3rem;
            left: 1.6rem;
          }
          div{
            display: inline-block;
            margin-right: 0.1rem;
            background-color: skyblue;
            width: 0.2rem;
            height: 0.25rem;
          }
          .icon{
            position: relative;
            left: 4.5rem;
            top: 0.1rem;
          }
          }
        }
      }
    }
  .head {
    width: 72vw;
    height: 42vh;
    .title{
      .color{
        display: inline-block;
        background-color: skyblue;
        width: 0.15rem;
        height: 0.4rem;
      }
      span{
        position: relative;
        bottom: 0.1rem;
        margin-left: 0.1rem;
        font-size: 0.3rem;
      }
    }
    .Trace_number{
      display: flex;
      justify-content: space-evenly;
      .item{
        width: 5vw;
        height: 10vh;
        p{
          color: skyblue;
          text-align: center;
          font-size: 0.4rem;
          font-weight: bold;  
        }
        span{
          position: relative;
          left: 1.5vw;
          font-size: 0.3rem;
        }
      }
    }
    .Trace_infor{
      .infor_title{
        font-size: 0.3rem;
      }
      .Trace_chart{
        position: relative;
        right: 5vw;
      }
      .Trace_table{
        position: relative;
        right: 7vw;
      }
    }
    .Trace_count{
      font-size: 0.3rem;
    }
  }
 .main{
  position: absolute;
  top:44vh;
  width: 72vw;
  height: 45vh;
  .title{
    .color{
      display: inline-block;
      background-color: skyblue;
      width: 0.15rem;
      height: 0.4rem;
    }
    span{
      position: relative;
      bottom: 0.1rem;
      margin-left: 0.1rem;
      font-size: 0.35rem;
    }
  }
  .product_table{
    margin-left: 1vw;
  }
 }
